<template>
  <div class="ordernav">
    <!-- 头部导航 -->
    <div class="TopNav">
      <el-tabs type="card">
        <el-tab-pane label="全部订单">
          <!-- 分页组件 -->
          <pagin-view></pagin-view>
        </el-tab-pane>
        <el-tab-pane label="待付款">待付款</el-tab-pane>
        <el-tab-pane label="待收货">待收货</el-tab-pane>
        <el-tab-pane label="待评价">待评价</el-tab-pane>
        <el-tab-pane label="已完成">已完成</el-tab-pane>
        <el-tab-pane label="已取消">已取消</el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import PaginView from './PaginView.vue';
export default {
  components: { PaginView },
  name: "OrderNav",
};
</script>

<style lang="scss" scoped>

</style>